@charset "utf-8";
/* CSS Document */
.m-header{ display:none; position:fixed;left: 0;top: 0; background:#fff;background-size: cover; box-shadow:0 5px 15px rgba(0,0,0,.1); width:100%; height:66px; z-index:99;/*overflow: hidden;*/}
.m-header img{ margin-top:13px; max-height:40px;}
.m-btn .lines{
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 25px;
}

.m-btn span{
    display: block;
    width: 100%;
    height: 3px;
    background-color: #000;
    position: absolute;
    left: 50%;
    margin-left: -12px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
}

.languagelist2{display: none;position: absolute;z-index: 999;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);width: 100%;padding: 0 9px;left: -6px;border: 1px solid #ddd;display: none;background: #fff;}
.m-btn span.span1{ top:0;-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}



.m-btn span.span2 {top: 7px;}



.m-btn span.span3 {top: 14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}



.m-btn.actives .span1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}



.m-btn.actives .span3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}



.m-btn.actives .span2{ opacity:0; filter:alpha(opacity=0)}



.m-btn.actives span{background: #0062b7;}


.lang{line-height: 66px;}

.lang a{color: #000;font-size: 16px;}

.cd{ margin-right:15px;color: #333;line-height: 54px;}



.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99;top: 60px;}



.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}



.m-menu a{ display:block}



.m-menu .menu_li{ border-bottom:1px solid #d8d8d8;}



.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:15px; color:#222; position:relative}

.m-menu .menu_a span{line-height: 30px;font-size: 14px;margin-top: -8px;display: block;color: #dc9801;margin-bottom: 8px;}

.m-menu .menu_a i{width: 17px;height: 17px;background: url(../images/ico_03.png) no-repeat;background-size: contain;position: absolute;right: 3%;top: 25px;}



.m-menu .menu_li .subnav{ padding:15px 3%; line-height:32px; font-size:15px; display:none}

.m-menu .menu_li .subnav3{padding:15px 3%; line-height:30px; font-size:14px; display:none}

.m-menu .men{position: relative;}

.m-menu .men i{width: 17px;height: 17px;background: url(../images/ico_03.png) no-repeat;background-size: contain;position: absolute;right: 3%;top: 15px;}


.m-menu .menu_a.actives{ background:#0065bc; color:#fff;}



.m-menu .menu_a.actives i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}



.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}



.mproclass{ display:none; position:relative;margin-top: -1px;z-index: 10;margin-bottom: 20px;}



.mproclass h3{background:#0065bc; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer}



.mproclass h3:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}



.mproclass ul{ position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15)}

.mproclass li{ background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8}
	
.mproclass li a{ padding:0 3%; display:block;height: auto;color: #333;}

.mproclass span{text-align: right;float: right;margin-right: 5%;font-size: 16px;}

.mproclass li:hover a{ background:#0065bc; color:#fff}



.mproclass2{display:none; position:relative;margin-top: -1px;z-index: 10;margin-bottom: 20px;}
.mproclass2 h2{background:#0065bc; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer}
.mproclass2 h2:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass2 span{text-align: right;float: right;margin-right: 5%;font-size: 16px;}
.mproclass2 .sideMenu{ position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15)}



.m-foot{ position:fixed; width:100%; height:45px; left:0; bottom:0;background: #0065bc; color:#fff; display:none; z-index:1500;box-shadow: 0 0 10px rgba(0,0,0,0.1);}



.m-foot li{ float:left; width:20%; text-align:center;}



.m-foot li a{ color:#fff; font-size:12px; display:block;}


.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}

.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}

.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}

.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 3px; padding-top:25px}


.m-foot li.li2 a span{display: block;}


.newsxiang .newsleft .nsconn p iframe {display: none;}


.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25);z-index: 98;}
.tanchuang .text{ position:fixed;left:50%; margin-left:-130px;top:24%; width:220px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center;z-index: 99;}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_2.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#bf3532}
.tanchuang .text .tel{ background:#fff; color:#fff;/*padding:15px;*/ -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .tel img{ display:block; max-width:100%; margin:0 auto}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:2px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#0065bc; font-size:18px; margin-top:15px}



@media screen and (max-width: 1440px){
	
	.wrap_1{width: 96.5%;}
	.pi-desc{max-height: 200px;overflow: hidden;}
	.nmain{margin-top: 400px;}
	.abouts{margin-top: 400px;}
}

@media screen and (max-width: 1400px){
	
	.wrap{ width:96.5%;margin: auto;}
	.index_banner .swiper-slide h2{font-size: 35px;}
	.index_banner .swiper-slide p{font-size: 18px;margin: 35px 0px 37px 0px;}
	.index_banner .swiper-slide h3 a{font-size: 13px;}

	
}
@media screen and (max-width: 1370px){
	
	.recruit-top .time{display: none;}
	.nmain{margin-top: 360px;}
	.service_con li .txt2{height: 140px;overflow: hidden;}
	
}


@media screen and (max-width: 1280px){

	
	body{overflow-x: hidden;}
	
	.g_nbanner .swpimg{height: auto;}
	.nav ul li{margin-right: 28px;font-size: 17px;}
	.language{font-size: 17px;}
	.nav ul li >a{font-size: 17px;}
	.nav{width: 90%;}
	.recruit-top .position span:nth-child(1){display: none;}
	.lxfs .item{height: 152px;}
	.men_list li{width: 19%;margin-bottom: 1.5%;}
	.pi-name{font-size: 20px;}
	.pi-desc{margin-top: 20px;}

}


@media screen and (max-width: 1150px){	
	
	.nav ul li{margin-right: 20px;}
	.nmain{margin-top: 290px;}
	.pi-series{font-size: 25px;}
	.list>li{width: 97%;}
	.pi-desc{max-height: 100%;}
	.pi-intro{padding-right: 0;}

}

@media screen and (max-width: 1024px){	

	.header{display: none;}
	.header3{display: none!important}
	
	.m-header{display: block;}
	.lang{top: 1px;width: 40px;height: auto;right: 0;}
	.index_banner{margin-top: 66px;height: auto;}
	.index_banner .swiper-slide .text{margin-top: 95px;padding-bottom: 120px;}
	.index_banner .swiper-slide h2{font-size: 30px;}
	.index_banner .swiper-slide p{font-size: 17px;margin: 30px 0px 34px 0px;}
	.index_banner .swiper-slide h3 a{font-size: 12px;}
	.index_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
	.aboutbox{padding-top: 55px;padding-bottom: 60px;}
	.ablist .ableft{display: none;}
	.ablist .abright{width: 100%;}
	.abright h3{text-align: center;font-size: 24px;}
	.abright h2{text-align: center;font-size: 28px;}
	.productbg .ptit{width: 93%;margin: auto;padding: 2%;top:22px;}
	.productbg .ptit h3{font-size: 21px;margin-bottom: 11px;}
	.productbg .ptit p{font-size: 16px;}
	.tabul{top: 20%;}
	.tab_box h2{font-size: 16px;}
	.tab_box .tab_li{padding-top: 19px;}
	.productbox{padding-bottom: 75px;}
	.product_list .pr_txt h3{margin-bottom: 26px;}
	.product_list .pr_txt{padding-top: 31px;}
	.newsbox{padding: 60px 0 95px 0;}
	.casebox{margin-top: 60px;}
	.casebox .ntitle{margin-bottom: 45px;}
	.casebox .swiper-container{padding-bottom: 70px;}
	
	.footer_list{padding-bottom: 24px;}
	.footerbox{padding-top: 30px;}
	.nbanner{top: 66px;}
	.abouts{margin-top: 277px;}
	.abtxt .img{margin-top: -300px;}
	.abouts{padding-bottom: 80px;}
	.nmain{margin-top: 277px;}
	.newslists li .wenx .intro{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
	.sable{margin-bottom: 40px;}
	.news_list ul{margin-top: 40px;}
	.newslists{margin-top: 60px;}
	.servtitle h3{margin-bottom: 40px;}
	.recruit-top{padding: 0 30px;}
	.recruit-con{padding: 36px 30px;}
	.nmain3{padding-bottom: 0;}
	.nmain2{margin-top: 66px;padding-bottom: 60px;}
	.page-intro-title{margin-top: 50px;margin-bottom: 50px;color: #0062b7}
	
	
	
}



@media screen and (max-width: 960px){
	
	.productbg .ptit{position: relative;width: 96%;background: rgba(0,110,206,1);top: 0;margin-top: 30px;}
	.tabul{top: 14%;}
	.case_list .case_l{padding-top: 26px;padding-bottom: 26px;}
	.news_txt h3{font-size: 17px;line-height: 30px;margin-top: 20px;}
	.nmain .news_list li{padding-bottom: 30px;}
	.recruit-top .position span{font-size: 13px;padding-left: 15px;margin-left: 15px;}
	.men_list li{width: 24%;line-height: 60px;font-size: 14px;}
	.list{margin-top: 50px;}
	.product_l{display: none;}
	.mproclass2{display: block;}
	.product_r{width: 91%;}
	.sideMenu h3{background-position: 600px center;}
	.productlist2 li{width: 30.83%;}
	
	
	

}

@media screen and (max-width: 850px){
	
	.tab_box h2{font-size: 15px;}
	.tabul{top: 10%;}
	.footertop .footerleft{ width:30%}
	.footerleft li{ width:48%}
	.footer_erweima{width:30%; margin-left:3%}
	.footer_right{ width:35%}
	.case_list .case_l img{max-width: 100%;}
	.nmain{padding-bottom: 70px;}
	.clientsbox2 li img{max-width: 100%;}
	.clientsbox2 li{width: 25%;}
	.clientsbox2 li:nth-child(6n){border-right: none;}
	.clientsbox2 li:nth-child(4n){border-right: 1px solid #e6e6e6;}
	.servtitle h3{font-size: 29px;padding-top: 40px;}
	.nmain3{padding-bottom: 0;}
	
	.lxfs .item{width: 48%;}
}



@media screen and (max-width: 768px){
	
	.index_banner .swiper-slide h2{font-size: 28px;}
	.index_banner .swiper-slide p{font-size: 15px;margin: 26px 0 29px 0;}
	.tab_box .tab_li{width: 25%;height: 40px;}
	.tab_box .tab_li:last-of-type{text-align: left;}
	.tabul{top: 5%;}
	.footertop .footerleft{display: none;}
	.footer_right{width:100%;}
	.footer_erweima{ width:100%; margin-left:0;margin-top: 0;}
	.footer_erweima ul{ display:flex; display:-webkit-flex; justify-content:center;}
	.footer_erweima li{ float:none; margin:0 1%; width:auto}
	.footer_erweima ul img{ width:140px}
	.kefubox{display: none;}
	.footer_listbottom .fx{ display:block}
	.m-foot{display: block;}
	#newBridge .nb-invite-skin-0{display: none!important;}
	.casebox{margin-top: 50px;}
	.footer_list{padding-bottom: 16px;}
	.footerbox{padding-top: 25px;padding-bottom: 50px;}
	.abouts{margin-top: 262px;}
	.nmain{margin-top: 262px;padding-bottom: 55px;}
	.nmain3{padding-bottom:0 !important;}
	.newslists li .wenx h3{font-size: 16px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
	.newslists li .pic span{font-size: 13px;}
	.newslists li .wenx{width: 76%;}
	.newslists li .pic{width: 19.4%;}
	.newslists{margin-top: 45px;}
	.shangxia{margin: 30px 0;margin-bottom: 0;}
	.recruit-top .arrow{right: 15px;}
	.recruit-top .position span{margin-left: 10px;padding-left: 10px;}
	.service_con li h3{font-size: 19px;}
	.service_con li .txt2{font-size: 14px;}
	.list>li{margin-bottom: 65px;}
	.sideMenu h3{background-position: right center;margin-bottom: 0;border-bottom: 1px solid #ddd;}
	.products_top{padding-top: 40px;}
	.abouts{ padding-bottom:60px}
	.recruit{padding:0;}
	.recruit li{ border-bottom:1px solid #ddd}
	.hrbox{margin-top:40px;padding-bottom:60px;}
	.recruit-top{font-size:18px; padding:0 15px;height: 60px;line-height: 60px; background:#fff}
	.recruit-con{ padding:20px 15px; font-size:14px;}
	.recruit-top .position span:nth-child(4){display: none;}
	.recruit-con .tit{ font-size:16px;}
	.list2-item1{ margin-top:20px}
	.list2-item1 span{ width:100px; line-height:30px; height:auto; font-size:14px;}
}


@media screen and (max-width: 640px){
	.m-header img{ max-height:35px; margin-top:18px}
	.product_list{margin-top: 40px;}
	.aboutbox{padding-top:30px;padding-bottom:30px;}
	.abright h2{font-size: 25px;}
	.product_list .swiper-slide a{padding-bottom: 30px;}
	.product_list .pr_txt h3{margin-bottom: 21px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.product_list .pr_txt{padding-top: 25px;}
	.product_list .swiper-container{padding-bottom: 60px;}
	.productbox{padding-bottom:30px;}
	.newsbox{padding:30px 0;}
	.solution-tab{font-size: 16px; margin-left:0; float:right}
	.solution-tab li{margin-right:15px;}
	.solution-tab li:last-child{ margin-right:0}
	.news_list ul{margin-top:35px;margin-left: -3%;}
	.news_list li{width: 47%;margin-left: 3%;margin-bottom: 4%}
	
	.casebox .ntitle{margin-bottom: 35px;}
	.footer_erweima ul img{ width:120px}
	.news_txt h3{font-size: 17px;margin-top: 20px;line-height: 30px;}
	.tabul{top: 6%;}
	.abouts{margin-top: 230px;}
	.nmain{margin-top: 230px; padding-bottom:30px;}
	.newtit2{font-size: 20px;}
	.shangxia ul li{width: 100%;}
	.shangxia ul li:nth-child(2){text-align: left;}
	.newtit2{line-height: 35px;font-size: 19px;}
	.mestxt{font-size:14px;line-height:26px;margin-bottom:20px;}
	.message .m-list-col{ width:100%}
	.message input, .message textarea{ width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.message .m-list .yzm, .message .m-list .submit{ width:100%}
	.message .m-list .submit input{ margin-right:0; float:none; width:120px; margin:0 auto; line-height:30px; display:block}
	.recruit-top .position span:nth-child(2){display: none;}
	.recruit-top .position span:nth-child(3){display: none;}
	.lxfs{ margin-left:0}
	.lxfs .item{padding: 15px;height: auto;font-size: 15px; width:100%; margin-left:0}
	.lxfs .txt:before{left: 52px;}
	.lxfs .txt{padding-left: 70px;}
	#allmap{height: 400px;margin-top: 40px;}
	
	.img-box>img{width: auto;max-width: 100%;}
	.pi-intro{width: 100%;padding-left: 0;margin-top: 30px;}
	.pi-img{width: 100%;text-align: center;}
	.men_list li{width: 32.33%;}
	.product_r{padding:3%;width:94%;}
	.ntit h2{font-size: 20px;margin-bottom:12px; padding-bottom:12px}
	
	.pi-desc{height: auto;}
	.footer_right p span:nth-child(1){width: 28%;}
	.footer_right p span:nth-child(2){width: 71%;}
	.casebox{ margin-top:30px;}
	.casebox .swiper-container{ padding-bottom:30px;}
	.abouts ul{ margin-left:0}
	.abouts li{width:100%; margin-left:0;margin-bottom: 2.5%}
	.abouts{ padding-bottom:30px; padding-top:20px;}
	.sable{ line-height:50px;}
	.page-intro-title{ margin:30px 0; font-size:30px;}
	.list{ margin-top:30px;}
	.pi-series{ font-size:22px}
	.product_r .txt1{ font-size:14px; line-height:28px}
	.men_list li{ line-height:45px;}
	.men_list li .nav1::after{top:18px;}
	.servtitle h3{ font-size:26px; padding-top:20px; margin-bottom:20px;}
	.servtitle h3::after{ margin-top:10px}
	.service_con ul{ margin-left:0}
	.service_con li{ width:100%; margin-left:0; min-height:inherit; margin-bottom:4%}
	.service_con li .txt2{ height:auto; margin-top:5px;}
	.service_con li h3{ margin-top:5px;}
	.hrbox{padding-bottom:30px;}
	.recruit-top{ font-size:15px; line-height:45px; height:45px;}
}

@media screen and (max-width: 560px){
	
	.abouts{margin-top: 210px;}
	.nmain{margin-top: 210px;}
	.clientsbox2 li{height: 85px;}
	.productlist2 li{width: 47.5%;}
	
}

@media screen and (max-width: 480px){
	
	.case_list .case_l{padding-top: 22px;padding-bottom: 22px;}
	.solution-tab li{margin-right: 30px;}
	.solution-tab{margin-left: 47px;}
	.solution-tab li:last-of-type{margin-right: 0;}
	.productbg .ptit p{font-size: 15px;line-height: 26px;}
	.productbg .ptit h3{font-size: 20px;margin-bottom: 8px;}
	.productbg img{height: 140px;}
	.tab_box .tab_li{height: 36px;padding-top: 13px;}
	.tab_box h2{font-size: 14px;}
	.index_banner .swiper-slide .text{margin: auto;margin-top: 85px;padding-bottom: 100px;width: 98%;}
	.index_banner .swiper-pagination-bullet{width: 11px;height: 11px;}
	.abright h3{font-size: 22px;}
	.abright .abtit1 p{width: 100%;}
	.abright .abtit1{margin-top: 32px;}
	.product_list .swiper-pagination-bullet{width: 12px;height: 12px;}
	.fx{display: block;font-size: 14px;padding-top:14px; }
	.footerbox{padding-bottom: 44px;}
	.abouts{margin-top: 185px;}
	.nmain{margin-top: 185px;}
	.lxfs .item{font-size: 14px;}
	.men_list li{width: 49%;}
	.productlist2 li h2{font-size: 16px;padding-top: 29px;padding-bottom: 32px;}
	.pi-series{font-size:22px;}
	
	
}



@media screen and (max-width:425px){
	.nbanner{ height:120px;}
	.nbanner img{ height:100%; object-fit:cover}
	.sable li a{width: 50%;margin: 0;text-align: center;}
	.list>li{margin-bottom:40px; }
	.men_list li .nav1::after{width: 11px;height: 11px;top: 24px; }
	.men_list li{font-size: 13px;}
	
}


@media screen and (max-width:375px){
	
	.index_banner .swiper-slide h2{font-size: 25px;}
	.index_banner .swiper-slide p{font-size: 14px;margin: 24px 0 26px 0;}
	.index_banner .swiper-slide h3 a{font-size: 12px!important;}
	.clientsbox2 li{width: 33.33%;}
	.clientsbox2 li:nth-child(4n){border-right: none;}
	.clientsbox2 li:nth-child(3n){border-right: 1px solid #e6e6e6;}
	.clientsbox2 li:last-of-type{border-right: 1px solid #e6e6e6;}
	
}


@media screen and (max-width:345px){

	.newslists li .wenx .times{margin-right: 0;}
	.newslists li .wenx h3{width: 68%;}
	.news_txt span{font-size: 15px;}
	
}